<!DOCTYPE html>
<html>
<head>
    <#import "../common/common.macro.ftl" as netCommon>
    <title>${title!"艺术上海"}</title>
    <meta charset="utf-8" />
    <meta name="keywords" content="${keywords?if_exists}" />
    <meta name="description" content="${description?if_exists}" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link href="/static/css/bootstrap.mini.css" rel="stylesheet" />
    <link href="/static/css/style.css" rel="stylesheet" />
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/font-face.css" rel="stylesheet" />
    <link href="/static/css/style.css" rel="stylesheet" />
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/font-face.css" rel="stylesheet" />
    <link href="/static/css/common/index.css" rel="stylesheet" />
    <link href="/static/css/header/index.css" rel="stylesheet" />
    <link href="/static/css/footer/index.css" rel="stylesheet" />
    <link href="/static/css/font/font-awesome.min.css" rel="stylesheet" />
    <link href="/static/js/owl/owl.carousel.css" rel="stylesheet" />
    <link href="/static/js/owl/owl.theme.css" rel="stylesheet" />
    <link rel="icon" type="image/png" href="/static/img/icon.png"/>
    <style>
        nav{
            opacity: 0;
        }
        .nav-shrink2{
            opacity: 1;
        }
    </style>
    <style>

        .container-ex{
            width: 1200px;
            margin: 0px auto;
            padding: 20px;

        }
        .container-ex h3{
            margin: 40px auto;
        }

        .tabBar-content{
            display: none;
        }

        .tabBar{
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 20px 0px;
        }
        /*.tabBar-items{*/
        /*    width: 160px;*/
        /*    height: 38px;*/
        /*    border-radius: 19px;*/
        /*    text-align: center;*/
        /*    line-height: 38px;*/
        /*    border:1px #eee solid;*/
        /*    margin: 0px 4px;*/
        /*}*/
        /*.tabBar-items-active{*/
        /*    background: #ac2925;*/
        /*    color: #fff;*/
        /*    border:1px #ac2925 solid;*/
        /*}*/

        .ex-item{
            width: 100%;
            border-radius: 10px;
            background: #fff;
            overflow: hidden;
            box-shadow: 10px 10px 10px rgba(0,0,0,.1);
            margin-top: 20px;
            margin-bottom: 40px;
        }
        .ex-item img {
            width: 100%;
            height: 260px;
            object-fit: cover;
        }
        .ex-item-bar {
            padding: 14px;
            background: #fff;
            font-size: 14px;
        }
        .ex-item-bar h3{
            font-size: 14px;
            margin-bottom: 4px;
        }
        .ex-item-bar p{
            margin-bottom: 10px;
        }

        .ex-info{
            padding: 80px 0px;

        }
        .ex-info h3{
            font-size: 18px;
            font-weight: 400;
        }

        .ex-info p{
            font-size: 14px;
            font-weight: 300;
        }
        .ex-info-container{
            width: 1180px;
        }

        .schedule-list{
            width: 1180px;
            margin: 0 auto;
            position: relative;
            padding: 30px;
        }

        .schedule-list ul{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
        }

        .schedule-list ul li{
            padding: 3rem;
            width: 46%;
            margin: 10px;
            border-right: var(--bcolor) solid 1px;
            border-bottom: var(--bcolor) solid 1px;
            box-shadow: 10px 10px 10px rgba(0,0,0,.1);
            background: white;
            border-radius: .5rem;
            text-align: center;
            margin-bottom: 40px;
        }

        .schedule-list ul li .date{
            display: flex;
            width: 100%;
            justify-content: space-between;
            padding-bottom: 2rem;
            align-items: center;
        }
        .schedule-list ul li .date span{
            display: block;
            font-size: var(--mid);
            font-weight: 600;
            white-space: nowrap;
        }
        .schedule-list ul li .date span.line{
            width: 100%;
            height: 4px;
            background: #e05c46;
            margin: 0 1rem;
        }

        .partners-img{
            width: 100%;
            height: 250px;
            object-fit: contain;
        }
        .visit-box{
            background: var(--bcolor);
            padding:var(--bigger);
        }

        .visit-box ul{
            display: flex;

        }

        .visit-icon{
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 4rem;
        }

        .visit-box ul li{
            width: 33.33333%;
            padding: 2rem;
            margin: 10px;
            background: white;
            border-radius: .5rem;
            border-left:#eee solid 1px;
            box-shadow: 10px 10px 10px rgba(0,0,0,.1);
        }

        .visit-box ul li:first-child{
            border-left: none;
        }

        .visit-box ul li img{
            height:3rem;
            width: auto;
        }

        .visit-btn{
            display: flex;
        }
        .visit-btn>div:first-child{
            border-left: none;
        }
        .visit-btn>div{
            width: 50%;
            border-left:#eee solid 1px;
            padding:20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
        }
        .banner-list{
            width: 100vw;
            height: 100vh;
        }
        .banner-list li{
            background-size: 100%;
            position: absolute;
           width: 100vw;
            height: 100vh;
            background-repeat: no-repeat;
            background-position: center center;
            min-width: 1280px;
        }

        .top-nav {
            position: absolute;

        }

        .top-nav {
            position: absolute;
            bottom: 45px;
            right: 60px;
            z-index: 100;

        }

        .top-nav li {
            float: left;
            margin-left: 21px;
            text-align: right;
            line-height: 20px;
            color: #FFF;
            text-decoration: none;
            font-size: 24px;
            font-family: EuclidFlexMedium;
            webkit-filter: drop-shadow(2px 3px 6px rgba(0,0,0,0.8));
            -moz-filter: drop-shadow(2px 3px 6px rgba(0,0,0,0.8));
            -ms-filter: drop-shadow(2px 3px 6px rgba(0,0,0,0.8));
            filter: drop-shadow(2px 3px 6px rgba(0,0,0,0.8));
            font-weight: bold;
            cursor: pointer;
        }

        .top-nav li a {

        }

        .main-nav {
            float: right;
            padding-top: 22px;
            margin: 15px 60px 0 0;
        }
        .nav-cn li {
            padding-top: 0px;
            line-height: 24px !important;

        }

        .main-nav li {
            float: left;
            margin-left: 20px;
            text-align: right;
            font-size: 20px;
            cursor: pointer;
        }

        .nav-cn li a {
            font-size: 17.5px;
            cursor: pointer;
        }
        .main-nav li a {
            font-size: 20px;
            font-family: EuclidFlexMedium;
        }

        .ex-file-list{
            width: 100%;
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
        }
        .ex-file-list .items{
            width: 200px;

        }

        .works-list-org{
            width: 1200px;
            margin: 0px auto;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: space-between;
            padding-bottom: 80px;

        }
     .works-list-org-item img{
                object-fit: cover;
            }
            .works-list-org-item-img{
                width: 360px;
                height: 260px;
            }
            .works-list-org-item-info{
                width: 360px;
                margin: 8px;
            }
            .works-list-org-item-info h3{
                font-size: 16px;
                line-height: 28px;

            }
            .works-list-org-item-info p{
                display: block;
                line-height: 24px;
                margin-bottom: 4px;
                overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
            }
            .works-list-org-item-info span{
                display: block;
                margin-bottom: 8px;
                line-height: 24px;
            }

                  .section-index{
                            background: #fff;
                        }
                         .app-containter{
                                    width: 100%;
                                    margin: 0 auto;
                                }
                                .app-containter-top{
                                    width: 100%;
                                }
                                .app-containter-top p{
                                    margin: 0;
                                    padding: 0;
                                    display: block;
                                }
                                 .app-containter-box{
                                            padding: 50px 0px;
                                        }

                                        .app-containter-box h3{
                                            text-align: center;
                                        }
    </style>
</head>
<body>

<@netCommon.commonHeader "博览会" menu i18n/>
<!-- header -->
<#--<nav class="navbar navbar-default navbar-fixed-top">-->
<#--    <a class="navbar-brand" href="/">-->
<#--        <div class="brand-logo"><img src="/static/img/logo.png">-->
<#--        </div>-->
<#--    </a>-->

<#--    <ul class="main-nav nav-cn">-->
<#--        <li class="tabBar-items tabBar-items-active" data-id="index">展会介绍</li>-->
<#--&lt;#&ndash;        <li class="tabBar-items" data-id="ex">参展商</li>&ndash;&gt;-->
<#--        <li class="tabBar-items" data-id="apply">参展申请</li>-->
<#--        <li class="tabBar-items" data-id="schedule">日程安排</li>-->
<#--        <li class="tabBar-items" data-id="partners">合作伙伴</li>-->
<#--        <li class="tabBar-items" data-id="info">参观信息</li>-->
<#--        <li class="tabBar-items" data-id="file">下载中心</li>-->
<#--&lt;#&ndash;        <li class="tabBar-items" data-id="apply">参展申请</li>&ndash;&gt;-->
<#--    </ul>-->

<#--</nav>-->

<#if i18n=='zh-CN'>
    <ul class="top-nav">
        <li class="tabBar-items tabBar-items-active" data-id="index">展会介绍</li>
        <#--    <li class="tabBar-items" data-id="ex">参展商</li>-->
        <li class="tabBar-items" data-id="apply">参展申请</li>
        <li class="tabBar-items" data-id="schedule">日程安排</li>
        <li class="tabBar-items" data-id="partners">合作伙伴</li>
        <li class="tabBar-items" data-id="info">参观信息</li>
        <li class="tabBar-items" data-id="file">下载中心</li>

    </ul>

<#else>
    <ul class="top-nav">
        <li class="tabBar-items tabBar-items-active" data-id="index">About the fair</li>
        <#--    <li class="tabBar-items" data-id="ex">参展商</li>-->
        <li class="tabBar-items" data-id="apply">Market your booth</li>
        <li class="tabBar-items" data-id="schedule">Schedule</li>
        <li class="tabBar-items" data-id="partners">Partners</li>
        <li class="tabBar-items" data-id="info">Visit Information</li>
        <li class="tabBar-items" data-id="file">Download Center</li>

    </ul>

</#if>
<ul class="banner-list">
    <#if exBanner??>
        <#list exBanner as item>
         <li style="background-image: url('${item.image}'); display: list-item; background-size: 100%;" data-w="1200" data-h="793"></li>
        </#list>
    </#if>
</ul>
<div class="container ex-info-container index tabBar-content">
    <div class="app-containter" >
        <div class="app-containter-top">
            <#if i18n=='zh-CN'>
                ${exinfo.data.remark!''}
            <#else>
                ${exinfo.data.bizVal5!''}
            </#if>
        </div>
    </div>


    <#if i18n=='zh-CN'>
    <div class="section-index">
        <div class="app-containter">
            <div class="app-containter-box">
                <h3>参展机构 GALLERY</h3>
            </div>
             <div class="works-list-org">
                        <#if org.data?? && org.data.records??>
                        <#list org.data.records as item>
                        <a class="works-list-org-item" href="/exhibition/company?companyNo=${item.orgNo!''}">
                            <img class="works-list-org-item-img" src="${item.logo!''}">
                            <div class="works-list-org-item-info">
                                <h3>
                                    ${item.name!''}
                                </h3>

                            </div>
                        </a>

                        </#list>
                        </#if>

                    </div>
        </div>
    </div>
    <div class="container container-ex">
        <h3 class="ex-title" style="text-align: center">参展申请</h3>
        <div class="row">
            <main class="col-md-12">

                <div class="card">
                    <div class="card-body">

                        <div class="form-row">
                            <div class="col form-group col-md-12">
                                <label>姓名</label>
                                <input type="text" class="form-control" id="nickName1" value="">
                            </div> <!-- form-group end.// -->
                            <div class="col form-group col-md-12">
                                <label>画廊名称</label>
                                <input type="text" class="form-control" id="companyName1" value="">
                            </div>
                        </div>

                        <div class="form-row">
                            <div class="form-group col-md-6">
                                <label>邮箱</label>
                                <input type="text" class="form-control" id="email1">
                            </div> <!-- form-group end.// -->
                            <div class="form-group col-md-6">
                                <label>电话</label>
                                <input type="text" class="form-control" id="mobile1">
                            </div> <!-- form-group end.// -->
                        </div> <!-- form-row.// -->
                        <div class="form-row">
                            <div class="form-group col-md-12">
                        <button class="btn btn-primary btn-block" id="btn-add1">提交</button>
                            </div>
                        </div>

                    </div> <!-- card-body.// -->
                </div>
            </main>
        </div>
    </div>

    <#else>
 <div class="section-index">
        <div class="app-containter">
            <div class="app-containter-box">
                <h3>Participating institutions GALLERY</h3>
            </div>
             <div class="works-list-org">
                        <#if org.data?? && org.data.records??>
                        <#list org.data.records as item>
                        <a class="works-list-org-item" href="/exhibition/company?companyNo=${item.orgNo!''}">
                            <img class="works-list-org-item-img" src="${item.logo!''}">
                            <div class="works-list-org-item-info">
                                <h3>
                                    ${item.name!''}
                                </h3>

                            </div>
                        </a>

                        </#list>
                        </#if>

                    </div>
        </div>
    </div>

        <div class="container container-ex">


            <#if i18n=='zh-CN'>
                <h3 class="ex-title">参展申请</h3>
            <#else>
                <h3 class="ex-title">Apply the booth</h3>
            </#if>
            <div class="row">
                <main class="col-md-12">

                    <div class="card">
                        <div class="card-body">

                            <div class="form-row">
                                <div class="col form-group col-md-12">
                                    <label>Name</label>
                                    <input type="text" class="form-control" id="nickName1" value="">
                                </div> <!-- form-group end.// -->
                                <div class="col form-group col-md-12">
                                    <label>Gallery  name</label>
                                    <input type="text" class="form-control" id="companyName1" value="">
                                </div>
                            </div>

                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label>Email</label>
                                    <input type="text" class="form-control" id="email1">
                                </div> <!-- form-group end.// -->
                                <div class="form-group col-md-6">
                                    <label>Telephone</label>
                                    <input type="text" class="form-control" id="mobile1">
                                </div> <!-- form-group end.// -->
                            </div> <!-- form-row.// -->
                            <div class="form-row">
                                <div class="form-group col-md-12">
                                    <button class="btn btn-primary btn-block" id="btn-add1">Submit</button>
                                </div>
                            </div>

                        </div> <!-- card-body.// -->
                    </div>
                </main>
            </div>
        </div>

    </#if>

</div>

<div class="container ex-info-container tabBar-content ex">
    <div class="container container-ex">

        <#if i18n=='zh-CN'>
            <h3 class="ex-title">参展商</h3>
        <#else>
            <h3 class="ex-title"></h3>
        </#if>
    </div>
    <div class="row">
        <#if data.data?? && data.data.records??>
        <#list data.data.records as entity>
            <div class="col-md-4">
                <a href="/exhibition/company?companyNo=${entity.orgNo!''}" target="_blank">
                <div class="ex-item">
                    <img src="${entity.logo!''}"/>
                    <div class="ex-item-bar">
                        <h3>${entity.name!''}</h3>
                    </div>
                </div>
                </a>
            </div>
       </#list>
        </#if>

    </div>
</div>

<div class="schedule  tabBar-content">
    <div class="container container-ex">
        <#if i18n=='zh-CN'>
    <h3 class="ex-title">日程安排</h3>
            <#else>
                <h3 class="ex-title">Schedule</h3>
        </#if>
    </div>
    <div class="" style="background: #f2f2f2;padding: 80px auto">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="schedule-list">
                        <ul>
                            <li><div class="date"><span>${exSchedule.title1!''}</span> <span class="line"></span><span>${exSchedule.date1!''}</span></div><div class="list-info text"><p>${exSchedule.des1!''}</p></div></li>
                            <li><div class="date"><span>${exSchedule.title2!''}</span> <span class="line"></span><span>${exSchedule.date2!''}</span></div><div class="list-info text"><p>${exSchedule.des2!''}</p></div></li>
                            <li><div class="date"><span>${exSchedule.title3!''}</span> <span class="line"></span><span>${exSchedule.date3!''}</span></div><div class="list-info text"><p>${exSchedule.des3!''}</p></div></li>
                            <li><div class="date"><span>${exSchedule.title4!''}</span> <span class="line"></span><span>${exSchedule.date4!''}</span></div><div class="list-info text"><p>${exSchedule.des4!''}</p></div></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

<#--    <div class="padding: 20px auto">-->
<#--        <div class="container ex-info-container">-->
<#--            <div class="row">-->
<#--                <div class="col-md-4">-->
<#--                    <div class="ex-info">-->
<#--                        <h3>上海谛珞轲旅游咨询有限公司</h3>-->
<#--                        <p>上海市徐汇区乌鲁木齐中路 310 弄6 号<br/>-->
<#--                            预订行程，详情联系：Rebecca Kuo <br/>-->
<#--                            邮箱：Rebecca.kuo@d-luxtravel.com<br/>-->
<#--                            电话：86 18721640876</p>-->
<#--                    </div>-->
<#--                </div>-->
<#--                <div class="col-md-4">-->
<#--                    <div class="ex-info">-->
<#--                        <h3>上海谛珞轲旅游咨询有限公司</h3>-->
<#--                        <p>上海市徐汇区乌鲁木齐中路 310 弄6 号<br/>-->
<#--                            预订行程，详情联系：Rebecca Kuo <br/>-->
<#--                            邮箱：Rebecca.kuo@d-luxtravel.com<br/>-->
<#--                            电话：86 18721640876</p>-->
<#--                    </div>-->
<#--                </div>-->
<#--                <div class="col-md-4">-->
<#--                    <div class="ex-info">-->
<#--                        <h3>上海谛珞轲旅游咨询有限公司</h3>-->
<#--                        <p>上海市徐汇区乌鲁木齐中路 310 弄6 号<br/>-->
<#--                            预订行程，详情联系：Rebecca Kuo <br/>-->
<#--                            邮箱：Rebecca.kuo@d-luxtravel.com<br/>-->
<#--                            电话：86 18721640876</p>-->
<#--                    </div>-->
<#--                </div>-->
<#--            </div>-->
<#--        </div>-->
<#--    </div>-->

</div>

<div style="padding:20px auto" class="partners  tabBar-content">
    <#if exMedia1??>
        <div class="container container-ex">
            <#if i18n=='zh-CN'>
                 <h3 class="ex-title">合作伙伴</h3>
                <#else>
                    <h3 class="ex-title">Partners</h3>
            </#if>
        </div>
        <div class="container ex-info-container">
            <div class="row">

                <#list exMedia1 as item>
                    <div class="col-md-3">
                        <a href="${item.url!''}"><img class="partners-img" src="${item.image!''}" alt="${item.name!''}"/></a>
                    </div>
                </#list>


            </div>
        </div>
    </#if>
    <div class="container container-ex">
    <h3 class="ex-title">合作媒体</h3>
    </div>
    <div class="container ex-info-container">
        <div class="row">
            <#if exMedia??>
                <#list exMedia as item>
                <div class="col-md-3">
                    <a href="${item.url!''}"><img class="partners-img" src="${item.image!''}" alt="${item.name!''}"/></a>
                </div>
                </#list>
            </#if>

        </div>
    </div>

</div>

<div class="tabBar-content info">
    <div class="container container-ex">

        <#if i18n=='zh-CN'>
            <h3 class="ex-title">参观信息</h3>
        <#else>
            <h3 class="ex-title">Visit Information</h3>
        </#if>
    </div>
    <div id="allmap" style="width:100%;  height: 60vh; background: #eee;">

    </div>

    <div class="" style="width: 100%; background: #eee;">
        <div class="visit-box" style="padding:30px;">
            <ul>
                <li>
                    <div class="visit-box-info">
                        <div class="visit-icon">
                            <h2>地铁</h2><img src="/static/img/bus-1.png">
                        </div>
                        <div class="text">
                            <p>乘坐地铁8号线中华艺术宫，步行即可到达。</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="visit-box-info">
                        <div class="visit-icon">
                            <h2>公交</h2><img src="/static/img/bus-2.png">
                        </div>
                        <div class="text">
                            <p>乘坐公交 454 至雪野路上南路站。</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="visit-box-info">
                        <div class="visit-icon">
                            <h2>停车</h2><img src="/static/img/bus-3.png">
                        </div>
                        <div class="text">
                            <p>停车可停至上海市浦东新区国展路 1099 号 P1 P2停车场</p>
                        </div>
                    </div>
                </li>

            </ul>
        </div>
    </div>



</div>

<div class="tabBar-content file">
    <div class="container container-ex">

        <#if i18n=='zh-CN'>
            <h3 class="ex-title">下载中心</h3>
        <#else>
            <h3 class="ex-title">Download Center</h3>
        </#if>
    </div>
    <div class="container container-ex">
        <div class="ex-file-list">
            <#if exFile??>
                <#list exFile as item>
                    <div class="items">
                        <a href="${item.url!''}" target="_blank">
                            <img src="https://artshanghai.oss-cn-shanghai.aliyuncs.com/word.png"/>
                            <p>${item.name!''}</p>
                        </a>
                    </div>
                </#list>
            </#if>

        </div>

    </div>
</div>
<div class="tabBar-content apply">

    <#if i18n=='zh-CN'>
        <div class="container container-ex">
            <h3 class="ex-title">参展申请</h3>
            <div class="row">
                <main class="col-md-12">

                    <div class="card">
                        <div class="card-body">

                            <div class="form-row">
                                <div class="col form-group col-md-12">
                                    <label>姓名</label>
                                    <input type="text" class="form-control" id="nickName" value="">
                                </div> <!-- form-group end.// -->
                                <div class="col form-group col-md-12">
                                    <label>画廊名称</label>
                                    <input type="text" class="form-control" id="companyName" value="">
                                </div>
                            </div>

                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label>邮箱</label>
                                    <input type="text" class="form-control" id="email">
                                </div> <!-- form-group end.// -->
                                <div class="form-group col-md-6">
                                    <label>电话</label>
                                    <input type="text" class="form-control" id="mobile">
                                </div> <!-- form-group end.// -->
                            </div> <!-- form-row.// -->

                            <button class="btn btn-primary btn-block" id="btn-add">提交</button>

                        </div> <!-- card-body.// -->
                    </div>
                </main>
            </div>
        </div>
    <#else>
    <div class="section-index">
        <div class="app-containter">
            <div class="app-containter-box">
                <h3>Participating institutions GALLERY</h3>
            </div>
             <div class="works-list-org">
                        <#if org.data?? && org.data.records??>
                        <#list org.data.records as item>
                        <a class="works-list-org-item" href="/exhibition/company?companyNo=${item.orgNo!''}">
                            <img class="works-list-org-item-img" src="${item.logo!''}">
                            <div class="works-list-org-item-info">
                                <h3>
                                    ${item.name!''}
                                </h3>

                            </div>
                        </a>

                        </#list>
                        </#if>

                    </div>
        </div>
    </div>
        <div class="container container-ex">
            <h3 class="ex-title">Apply the booth</h3>
            <div class="row">
                <main class="col-md-12">

                    <div class="card">
                        <div class="card-body">

                            <div class="form-row">
                                <div class="col form-group col-md-12">
                                    <label>Name</label>
                                    <input type="text" class="form-control" id="nickName" value="">
                                </div> <!-- form-group end.// -->
                                <div class="col form-group col-md-12">
                                    <label>Gallery  name</label>
                                    <input type="text" class="form-control" id="companyName" value="">
                                </div>
                            </div>

                            <div class="form-row">
                                <div class="form-group col-md-6">
                                    <label>Email</label>
                                    <input type="text" class="form-control" id="email">
                                </div> <!-- form-group end.// -->
                                <div class="form-group col-md-6">
                                    <label>Telephone</label>
                                    <input type="text" class="form-control" id="mobile">
                                </div> <!-- form-group end.// -->
                            </div> <!-- form-row.// -->

                            <button class="btn btn-primary btn-block" id="btn-add">Submit</button>

                        </div> <!-- card-body.// -->
                    </div>
                </main>
            </div>
        </div>
    </#if>

</div>
<!-- script -->
<@netCommon.commonScript />

<!-- footer -->
<@netCommon.commonFooter footer friendLink copyright i18n/>
<script type="text/javascript" src="/static/js/owl/owl.carousel.js"></script>


<script src="https://webapi.amap.com/maps?v=1.4.15&key=270eb15a77ab2e9023c0b2bf164c4fd6"></script>
<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>

<script>
    var map = new AMap.Map('allmap', {
        center: [121.489934, 31.181656],
        zoom: 17,
        scrollWheel: false
    });
    map.setMapStyle('amap://styles/7254143cb7d15a0e0499a5f800036880');
    AMapUI.setDomLibrary($);
    AMapUI.loadUI(['control/BasicControl'], function (BasicControl) {
        map.addControl(new BasicControl.Zoom({
            position: { bottom: '30px', right: '30px' }, //left top，左上角
            showZoomNum: false //显示zoom值
        }));
    });
</script>



<script>
    $(function(){
       var h =$('.top-nav').offset();
         debugger;
        $(window).scroll(function() {
            if ($(document).scrollTop() > h.top) {
                $('nav').addClass('nav-shrink2');
            } else {
                $('nav').removeClass('nav-shrink2');
            }
        });

        (function(){
            var _banner = $('.banner-list');
            var _banner_items = _banner.find('li');
            var all_num = _banner_items.length;//总共的张数
            var self_num = 0;//当前显示第几张
            //隐藏其他的，只显示当前的：
            _banner_items.hide();
            _banner_items.eq(self_num).show();

            //跳转到焦点图：
            var goto_num = function(num){
                //之前的隐藏，显示新的：
                _banner_items.eq(self_num).fadeOut();
                _banner_items.eq(num).fadeIn();
                self_num = num;
            };
            //设置自动播放：
            var slides_loop = window.setInterval(function(){
                var new_num = self_num + 1;
                if(new_num >= all_num){
                    goto_num(0);
                }else{
                    goto_num(new_num);
                }
            },5000);
            $('.go-left').click(function(e) {
                var new_num = self_num - 1;
                if(new_num < 0){
                    goto_num(all_num - 1);
                }else{
                    goto_num(new_num);
                }
                return false;
            });

            $('.go-right').click(function(e) {
                var new_num = self_num + 1;
                if(new_num >= all_num){
                    goto_num(0);
                }else{
                    goto_num(new_num);
                }
                return false;
            });
        })();


        $('#owl-demo').owlCarousel({
            items: 1
        });
        $(".tabBar-content").hide();
        $(".index").show();
        $(".tabBar-items").click(function(){
            $(".tabBar-content").hide();
            $(".tabBar-items").removeClass('tabBar-items-active')
            $(this).addClass('tabBar-items-active')
            var menus = $(this).attr('data-id');
            $('.'+menus).show();
        })

        $("#btn-add1").click(function(){
            try{
                var user = getUserInfo()
                if(!user){
                    checkLogin('/exhibition/index?expoNo=1354649597678604288');
                    return;
                }
            }
            catch (e) {

            }


            if($('#nickName1').val()==''){
                alert('请填写姓名')
                return;
            }
            if($('#companyName1').val()==''){
                alert('请填写画廊名称')
                return;
            }
                        if($('#email1').val()==''){
                            alert('请填写邮箱')
                            return;
                        }
            if($('#mobile1').val()==''){
                alert('请填写手机号')
                return;
            }

            var params = {
                email: stripscript($('#email1').val()),
                mobile:  stripscript($('#mobile1').val()),
                nickName:  stripscript($('#nickName1').val()),
                companyName:  stripscript($('#companyName1').val())

            }
            var p = {
                expoNo: '${params.expoNo}',
                bizVal: JSON.stringify(params)
            }

            $.ajax({
                type: "POST",
                url: baseUrl+"api/pty-center/app/art/expo/signUp",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                headers: {
                    'lbv': '1.0',
                    'tenant' : 'PTC',
                    'token':  getToken(),
                },
                data: replaceStr(JSON.stringify(p)),
                success: function (res) {
                    debugger;
                    if(res && res.code && res.code=='0' ){
                        alert('提交成功,我们工作人员会尽快联系您')

                    }else{
                        alert(res.msg);
                        if(res.code=='-3'){
                            relogin(window.location.href);
                        }

                    }
                },
                error: function (res) {

                }
            });
        })
         //过滤非法字符
            		function stripscript(s){
            			var pattern = new RegExp("[`~!#$^&*()=|{}':;',\\[\\]<>/?~！#￥……&*（）——|{}【】‘；：”“'。，、？]")
            			var rs = "";
            			for (var i = 0; i < s.length; i++) {
            				rs = rs+s.substr(i, 1).replace(pattern, '');
            			}
            		return rs;
            		}
        $("#btn-add").click(function(){
            try{
                var user = getUserInfo()
                if(!user){
                    checkLogin('/exhibition/index?expoNo=1354649597678604288');
                    return;
                }
            }
            catch (e) {

            }


            if($('#nickName').val()==''){
                alert('请填写姓名')
                return;
            }
            if($('#companyName').val()==''){
                alert('请填写画廊名称')
                return;
            }
                        if($('#email').val()==''){
                            alert('请填写邮箱')
                            return;
                        }
            if($('#mobile').val()==''){
                alert('请填写手机号')
                return;
            }

            var params = {
                email:  stripscript($('#email').val()),
                mobile:  stripscript($('#mobile').val()),
                nickName:  stripscript($('#nickName').val()),
                companyName:  stripscript($('#companyName').val())

            }

            var p = {
                expoNo: '${params.expoNo}',
                bizVal: replaceStr(JSON.stringify(params))
            }
            $.ajax({
                type: "POST",
                url: baseUrl+"api/pty-center/app/art/expo/signUp",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                headers: {
                    'lbv': '1.0',
                    'tenant' : 'PTC',
                    'token':  getToken(),
                },
                data: replaceStr(JSON.stringify(p)),
                success: function (res) {
                    debugger;
                    if(res && res.code && res.code=='0' ){
                        alert('提交成功,我们工作人员会尽快联系您')

                    }else{
                        alert(res.msg);
                        if(res.code=='-3'){
                            relogin(window.location.href);
                        }

                    }
                },
                error: function (res) {

                }
            });
        })
    });
</script>






</body>
</html>
